﻿html { overflow-x: hidden; overflow-y: auto; }
*{ padding:0; margin:0}
body,td,th,ul,li,p {margin: 0px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#494a48; line-height:22px;font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";}
img{border:0;}
ul,li{padding:0; margin:0;}
LI{list-style:none;}
a{font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";font-size:12px;color:#333;text-decoration:none;}
a:hover{color:#098cd0;}
.clean{ clear:both; display:block;}
.hing1{ height:25px;}

/*top*/
#header_top{ background:#222222; height:30px;}
.top1{ width:1000px; margin:0px auto; height:30px; line-height:30px; color:#acacac; position:relative; z-index:999;}
.top1 p{ color:#CCC; line-height:30px;}
.top1 ul{ position:absolute; left:620px; top:3px;}
.top1 ul li{ float:left; margin-right:5px;}
.top1_wen{position:absolute; left:710px; top:0px;color:#CCC;}
.top1_wen a{color:#CCC;}
.top1_wen a:hover{color:#FF0;}
.form1{ position:absolute; top:5px; left:818px; height:20px; line-height:20px; width:150px; background:#3f3f3f; overflow:hidden;}
.seek_left{ background:#565555; height:20px; color:#b0b0b0; border:none; float:left; width:128px; text-indent:8px;}
.seek_right{ background:url(../images/search1.jpg) no-repeat; width:21px; height:20px; border:none; float:right;}

/*顶部栏*/
.topbar{ height:30px; line-height:30px; text-align:right; width:100%; background:#666; color:#a0a0a0;}
.topbar a,.topbar a:hover{ color:#ccc; padding:0 5px;}
.mainwidth{ width:1000px; margin-left:auto; margin-right:auto;}
/*头部*/
#header{ height:90px; position:absolute; left:0; top:30px; z-index:2; padding-bottom:7px; width:100%;}
#header .logo{ width:244px; height:86px; overflow:hidden; float:left;}
#header .topsec{ float:left; width:141px; padding-left:10px; height:27px; background:url(../images/top_sec.jpg); margin-top:40px;}
#header .topsec .sectext,#header .topsec .secbtn{ margin:0; padding:0; border:none; background:none; outline:none; margin-top:1px;}
#header .topsec .sectext{ width:110px; height:25px; float:left; line-height:25px; color:#999;}
#header .topsec .secbtn{ width:25px; height:25px; float:left; cursor:pointer;}

.top1_wen1{ margin-top:4px; text-align:right; margin-right:22px;}
/*导航*/
/*主导航*/
#nav{ width:740px; position:relative; margin-top:8px; float:right; *display:inline; font-size:14px; font-family:Microsoft yahei;}
#nav ul{margin-top:8px;}
#nav .mainlevel { position:relative; float:left; height:45px; text-align:center; background:url(../images/nav_xian.jpg) no-repeat right 30%}
#nav .mainlevel a{ position:relative; height:35px; line-height:35px;  color:#000; text-align:center; display:block; *display:inline-block; padding:0 10px; white-space:nowrap; font-size:16px}
#nav .mainlevel.hover a{ color:#0b82e7; text-decoration:none;}
#nav .mainlevel.Currpage a{color:#0b82e7; font-size:12px}
#nav .mainlevel.hover li,#nav .mainlevel.Currpage li{ color:#fff;}
#nav .mainlevel.hover li a,#nav .mainlevel.Currpage li a{color:#fff; background:none;}

/*二级菜单*/
#nav .mainlevel .subnav{ position:absolute; top:45px; left:-15px; color:#fff; font-size:12px; z-index:1;  background:#fff;box-shadow: 3px 3px 5px #aaa;}
#nav .mainlevel p{ float:left; border:solid 1px #ddd; padding:5px; width:155px; height:96px; margin-left:15px; margin-top:27px;}
#nav .mainlevel p img{ width:155px; height:96px;}
#nav .mainlevel ul{ float:left; padding:20px; height:124px;}
#nav .mainlevel li { position:relative; z-index:1; border-bottom:solid 1px #e5e5e5;}
#nav .mainlevel li a,#nav .mainlevel.hover li a{line-height:30px; height:30px; color:#525252;word-break:break-all; word-wrap: break-word; font-size:12px}
#nav .mainlevel li a:hover,#nav .mainlevel.hover li a:hover{color:#0b82e7; background:none;}


/* main*/
#main{ margin:0 auto; width:1000px;}
.main_top{ margin-top:20px;}
.main_top_t{ background:url(../images/ser_h.png) no-repeat center center; height:45px; line-height:45px;}
.main_top_t h1{ text-align:center}
.main_top_t h1 span{ font-size:18px; color:#0580ce; font-weight:normal; padding-left:9px;}

/*推荐*/
.prev1{ background:url(../images/ico_l03.png) no-repeat 0 0;}
.next1{ background:url(../images/ico_r03.png) no-repeat 0 0;}
.prev1,.next1{ width:30px; height:65px; display:block; overflow:hidden;}
.fl { float:left;}
.fr { float:right;}
.tj01{ margin:122px 0 0;}
.tj02{ width:938px; overflow:hidden; margin-top:22px;}
.tj02 li{ width:269px; position:relative; float:left; padding:0 14px 0 22px;}
.tj02 li img{width:269px; height:269px; display:block; border:1px solid #CCC}
.tj02 li a.tjimg{width:269px; height:269px; }
.tj02 li a.tjimg:hover{ border:2px solid #060}
.tj02 li span{padding:1px 0 0; line-height:48px; text-align:center; display:block;}

/*about*/
.about{ height:385px; overflow:hidden; position:relative; margin-bottom:50px; margin-top:35px;}
.about h3{ width:1000px; height:385px;}
.about h3 img{ width:1000px; height:385px;}
.about dl{ position:absolute; top:74px; left:203px; background:url(../images/about_bg.png) no-repeat; width:541px; height:248px; overflow:hidden;}
.about dt{ height:63px; font:26px "Microsoft Yahei"; font-weight:bold; text-align:center; line-height:63px; overflow:hidden; margin-top:21px;}
.about dt a{ color:#098cd0; font-size:26px;}
.about dd{ padding:0 45px;}
.about dd p{ font:14px "Microsoft Yahei"; color:#333132; line-height:24px; height:72px; overflow:hidden; text-align:center;}
.about dd em{ display:block; width:176px; height:46px; margin:14px auto 0;}

/*main_bottom*/
.main_bottom{}

.case01{ width:467px; height:573px; overflow:hidden; background:#f0f0f0; margin-top:29px;}
.case01 dl{ width:467px; height:573px; overflow:hidden;}
.case01 dt{ height:387px; background:url(../images/case_line.gif) no-repeat center bottom; overflow:hidden;}
.case01 dt img{ width:467px; height:273px;}
.case01 dt p{ padding:0 25px; color:#777; line-height:20px;}
.case01 dt p span a{ display:block; font:16px "Microsoft Yahei"; color:#555; height:32px; overflow:hidden; margin-top:22px;}
.case01 dt p span a:hover{color:#09F}
.case01 dd{ padding:12px 30px 0 27px;}
.case01 dd p{ color:#777; height:30px; line-height:30px; overflow:hidden;}
.case01 dd em{ display:inline-block; float:left; width:15px; height:15px; background:#777; text-align:center; line-height:15px; color:#fff; margin:7px 12px 0 0; font-style:normal;}
.case01 dd a{ color:#777;}
.case01 dd a:hover{color:#09F}
.case01 dd span{ float:right; color:#abaaaa;}
.case01 dd .p01 em{ background:#098cd0;}
.case02{ width:502px; height:573px; overflow:hidden; margin-top:26px;}
.case21{ height:305px; border-bottom:1px solid #e4e4e4; overflow:hidden;}
.hh1 a{ display:block; height:38px; font:22px "Microsoft Yahei";color:#333132; background:url(../images/case_h.gif) no-repeat left 8px; padding-left:12px; overflow:hidden;}
.case21 dl{ height:108px; overflow:hidden; margin-top:14px;}
.case21 dt{ width:180px; height:108px; overflow:hidden; float:left;}
.case21 dt img{width:180px; height:108px;}
.case21 dd{ display:inline-block; float:left; margin-left:18px; width:287px; height:108px; overflow:hidden;}
.case21 dd h4 a{ display:block; font:16px "Microsoft Yahei"; color:#555; line-height:26px; overflow:hidden;}
.case21 dd h4 a:hover{color:#09F}
.case21 dd p{ color:#777; line-height:20px; height:60px; overflow:hidden; margin-top:16px; text-transform:uppercase;}
.case22{ height:300px; overflow:hidden; margin-top:15px;}
.case22 dl{ height:211px; overflow:hidden; margin-top:8px;}
.case22 dt{ width:179px; height:211px; overflow:hidden; float:right;}
.case22 dt img{width:179px; height:211px;}
.case22 dd{ width:300px; overflow:hidden; float:left;}
.case22 dd p{ height:30px; line-height:30px; overflow:hidden;}
.case22 dd p a{ color:#777;overflow:hidden; display:block; text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/white-space:nowrap;/* 不换行 */}
.case22 dd p a:hover{ color:#09F}

.case22_wen p{ background:url(../images/dian.gif) no-repeat center left; text-indent:12px;}


/*footer*/
#footer{ background:#272727; height:253px; margin-top:45px;}
.foot{ width:1000px; margin:0 auto;}
.foot_l{ width:775px; float:left; background:url(../images/foot_xian.jpg) no-repeat right center}
.foot_r{ width:206px; float:right; padding-top:26px; text-align:center; color:#FFF}

.footer-dt{ margin:20px 33px 0 15px;float:left;}
.dt-wz a{padding-left:15px;color:#CCC; background:url(../images/dian1.gif) no-repeat left center}
.dt-wz a:hover{ color: #F00}
.dt-wz b{ font-size:14px; color:#fff; padding-left:14px; line-height:24px;}

#footer1{ height:32px; line-height:32px;color:#CCC; border-top:1px solid #464545; margin-top:12px;}
#footer1 p{height:32px; line-height:32px;  color:#CCC; width:990px; margin:0 auto}
#footer1 a{color:#CCC}

/*neiye*/
.ab_mid{ background:url(../images/midbg.png) no-repeat center top;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/midbg.png"); margin:0px auto; position:relative; top:-15px;}
.ab_mid1{ width:1000px; margin:0px auto; overflow:hidden;}
.ab_main{ display:inline-block; background:url(../images/main_bg.jpg) no-repeat 222px top; margin-top:5px;}
.ab_left{ width:222px; float:left; margin-right:22px;}
.ab_right{ width:755px; float:left;}
.ab_left1{ padding-top:15px;}
.ab_left1 ul{ margin-top:10px;}
.ab_left1 h2{ height:37px; line-height:37px; border-bottom:1px solid #e5e5e5; padding-bottom:10px; font-family:"微软雅黑"; text-indent:12px; font-size:19px; color:#2362a7;}
.ab_left1 h2 span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding-left:6px; text-transform:uppercase; color:#a6a4a5;}
.ab_left1 ul li{ height:35px; line-height:35px; border-bottom:1px solid #e5e5e5;}
.ab_left1 ul li a{ display:block; background:url(../images/sj1.jpg) no-repeat 10px center; text-indent:25px;}
.ab_left1 ul li a:hover{ display:block; background:url(../images/sjb.jpg) no-repeat 10px center #2362a7; color:#fff; }
.ab_left1 ul li a.cur_left{ display:block; background:url(../images/sjb.jpg) no-repeat 10px center #2362a7; color:#fff; }
.ab_left2{ margin-top:15px;}
.ab_left2 h2{ height:30px; border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
.ab_left2 ul{ margin-top:10px;}
.ab_left2 ul li a img{ width:222px;}
.ab_left2 ul li a span{ display:block; background:#e5e5e5; text-align:center; height:30px; line-height:30px;}
.ab_left2 ul li a:hover span{ display:block; background:#2362a7; color:#fff; text-align:center; height:30px; line-height:30px;}
.ab_right{ padding-top:15px;}
.ab_right h2{ height:37px; line-height:37px; border-bottom:1px solid #e5e5e5; padding-bottom:10px; background:url(../images/red1.jpg) no-repeat left 12px; text-indent:20px; font-family:"微软雅黑"; font-size:16px; color:#333;}
.ab_right h2 span{ float:right; text-indent:20px; margin-top:10px; color:#999999; font-size:12px; font-family:"宋体";}
.ab_txt{ padding:15px 0px;}


.ab_pro{ padding:15px 0px;}
.ab_pro ul { width:800px; overflow:hidden;}
.ab_pro ul li{ width:255px; float:left; margin-bottom:15px;}
.ab_pro ul li a img{ width:241px; border:1px solid #e5e5e5; display:block;}
.ab_pro ul li a span{ display:block; width:243px; text-align:center; margin-top:3px; height:30px; line-height:30px; background:#e5e5e5; color:#333}
.ab_pro ul li a:hover span{ color:#fff; background:#2362a7;}

.main_news_b1{ padding-top:0px;width:730px; margin:0 auto;}
.main_news_b1 li{ background:url(../images/dian.gif) no-repeat left center; padding-left:12px; line-height:39px; border-bottom:1px dashed #CCC}
.main_news_b1 li span{ float:right}

.fangy { height:46px; line-height:46px; color:#363636; margin-top:5px}
.fangy span { color:#891313}
.fangy p { float:right; padding-right:8px; padding-top:12px;}
.fangy p a { background:url(../images/ico2.gif) repeat-x; height:20px; padding:0 10px; line-height:20px; border:1px solid #bababa; display:inline-block; margin-right:4px;}
.fangy p a:hover{ background:#900; color:#FF0; text-decoration:none}


/*__________________neiy产品展示____________________*/
#img_p{ height:100%; width:760px; margin:0px auto; padding-top:3px;}
#img_p ul li{ width:232px;}
.info_img a img{ width:226px; height:166px;}
#img_p li{ float:left; padding:5px 2px 0px 13px; text-align:center; margin-right:3px;}
#img_p span.info_img a{ display:block; border:1px solid #CCC; padding:2px;}
#img_p span.info_img a:hover{ display:block; border:1px solid #F00; padding:2px;}
#img_p span.info_title{ display:block; height:32px; line-height:28px; overflow:hidden;}

.xsmain_top1{ height:30px; border-bottom:1px solid #1a80e7; width:94%; margin:30px auto 0px auto;}
.xsmain_top1 span{ width:93px; line-height:30px; color:#FFF; text-align:center; font-size:16px;background:#06C; display:block }

.prenext {padding: 10px 22px;margin:10px auto 0 auto ; border-top:1px dashed #CCC;width:94%;}
.prenext ul li {line-height: 30px;padding-left: 1px;}
.ListDate {color: #666666;}


#right1 {width: 730px; margin:0px auto; }
#right1 h1 {line-height: 40px;background-image: url(../images/ny_righth1.jpg);background-repeat: no-repeat;
background-position: left top;height: 40px;font-size: 13px;color: #c21601;padding-left: 10px;margin-bottom:9px;}
#right1 #nr {line-height: 24px;height: 24px;padding-left: 16px;}
#right1 .pro_1 {padding-top: 6px;width: 730px;margin-right: auto;margin-left: auto;margin-top: 0px;}
#right1 .pro_1 dl {float: left;width:236px;margin-right:7px;margin-left:0px;}
#right1 .pro_1 dd {text-align: center;height: 34px;line-height: 34px;padding-right:5px;}
#right1 .pro_1 img {border: 1px solid #CCCCCC;height: 149px;width: 226px;padding: 2px;}
.pro_1 h2 {line-height: 30px;font-weight: normal;text-align: center;height:30px;}
.pro_1 a:hover {color: #e00815;text-decoration: underline;}

/*flickr style*/
    div#flickrpager {
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 3px;
        margin: 3px;
        padding-top: 3px;
        text-align: center;
        clear: both;
    }
div#flickrpager a {border: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; padding-left: 6px; padding-bottom: 2px;  color: #0061de; margin-right: 3px; padding-top: 2px; text-decoration: none}
div#flickrpager a:hover {border: #000 1px solid;background-image: none; color: #fff;background-color: #0061de}
div#flickrpager a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de}
div#flickrpager span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px}
div#flickrpager a.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px}

/*badoo style*/
    div#badoopager {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 13px;
        padding-bottom: 10px;
        color: #48b9ef;
        padding-top: 10px;
        font-family: arial, helvetica, sans-serif;
        text-align: center;
        clear: both;
    }
div#badoopager a {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none}
div#badoopager a:hover {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager a:active {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager span.current {border-right: #FF6D06 2px solid; padding-right: 5px; border-top: #FF6D06 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #FF6D06 2px solid; color: #fff; padding-top: 2px; border-bottom: #FF6D06 2px solid; background-color: #ff6c16}
div#badoopager a.disabled {display: none}
div#badoopager input[type=text]{width:30px}